<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>托福人分类页</title>
	<link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
	<link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
	<link rel="stylesheet" th:href="@{/c/bootstrap.min.css}">
	<script type="text/javascript" th:src="@{/static/j/jquery-2.1.0.js}"></script>
	<script th:src="@{/j/bootstrap.min.js}"></script>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>

<body>
<!--头-->
<div class="doc1180">
	<div class="header">
		<div class="logo"><a href="####"><img th:src="@{/i/logo.png}"></a></div>
		<div class="headerLink">
			<a th:href="@{/toLogin}" class="###">登录</a>
			<a th:href="@{/toRegister}" class="###">注册</a>
		</div>
	</div>
</div>
<div class="menu">
	<div class="doc1180">
		<div class="menuLink">
			<ul class="fn-clear">
				<li class="active"><a th:href="@{/index}" >首页</a>
				<li><a th:href="@{/tfPerson}">托福人</a>
				<li><a th:href="@{/pubCourse}">公开课</a>
				<li><a th:href="@{/toChat}">群组聊</a>
				<li><a th:href="@{/welare}">福利城堡</a>
			</ul>
		</div>
		<div class="headerUser">
			<ul>
				<li class="headerUserPic"><img src="../i/hlw.png">

				<li class="headerUserName"><a th:href="@{/mydata}" target="ifr">用户名</a>
				<li class="headerUserNotice">通知<a href="###">14</a>
			</ul>
		</div>
	</div>
</div>
<!--头-->
<div class="doc1180 paddingT20 fn-clear">
	<!--页面左侧内容-->
    <div class="tfr_left">
    	<div class="tfr_classify">
        	<dl th:each="article:${articleList}">
        		<a th:href="@{/tfPersonDetail(articleId=${article.getArticleId()})}">
        			<dt><img src="../i/clazz.jpg" ></dt>
	                <dd>
	                	<div class="tfr_classifyh3">
	                		<h3 th:text="${article.getTitle()}"></h3>
	                		<div><h6>发布人编号：</h6><a href="###" class="imgA" th:text="${article.getUserId()}"></a></div>
	                	</div>
	                    <div class="tfr_classifyText" th:text="${article.getContent()}"></div>
	                    <div class="tfr_classifyTime">
	                    	<span>所属分类:</span><a href="###" th:text="${article.getType()}"></a>
	                    	<span>发布日期：</span><span th:text="${article.getTime()}"></span>
	                    	<div class="commDiv">
	                    		<span class="glyphicon glyphicon-heart" style="color: #D92A11;"></span> <span>23</span>
	                    		<span class="glyphicon glyphicon-user" style="color: #388BFF;"></span><span>56</span>
	                    	</div>
	                    	
	                    </div>

	                </dd>
        		</a>
            	
            </dl>
        </div>
        <div class="pageList">
        	<ul>
			<li><a href="###" class="pret">上一页</a></li>
            <li><span>1</span></li>
			<li><a href="###">2</a></li>
            <li><a href="###">3</a></li>
            <li><a href="###">4</a></li>
            <li><a href="###">5</a></li>
            <li><a href="###">最后一页</a></li>
			<li><a href="###" class="next">下一页</a></li>
            </ul>
        </div>
    </div>
	</div>
    <!--页面左侧内容 end-->
	
  <!--页面右侧内容-->
	
  <!--页面右侧内容 end-->
<!--footer-->
	<div class="flink">
	<div class="flinkTop"></div>
    <div class="flinkBody">
    	<h3>友情链接</h3>
        <ul>
        	<li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
	<div class="doc1180">
    	<div class="footerLink">
        	<a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>

</body>
</html>
